// 树状选择模块
.M-tree{
	// line-height: 18px;
	width: 100%;
	font-size: 12px;
	ul{
		padding: 0;
		margin: 0;
	}
	.size{
		//width: 400px;
		// height: 400px;
	}
	&Box{
		&Title{
			display: block;
			font-weight: normal;
			font-size: 16px;
			padding: 10px 0;
		}
		width: 45%;
		height: 353px;
		background: #fff;
		border: 1px solid #ddd;
		float: left;
	}
	&Select{
		display: inline-block;
		width: 100%;
		.size;
		.M-tabBody > div, .M-tabButtonBody > div {
			padding: 0;
		}
		.uk-tab>li {
			width: 25%;
			&:first-child a {
				border-left: none;
			}
			&:last-child a {
				border-right: none;
			}
		}
		.uk-tab>li>a {
			border-top: none;
			text-align: center;
		}
		&Tab{
			&Head{
				display: none;
				background: #f5f5f5;
				.tabItem {

				}
			}
			&Btns {
				display: inline-block;
				margin-left: 10px;
				cursor: pointer;

				a {
					padding-left: 10px;
				}
			}
			&Search {
				padding: 5px 0px 5px 24px;
				border-bottom: 1px solid #DDD;
				.M-commonSearch {
					display: inline-block;
				}
			}
			&Box{
				box-sizing: border-box;
				width: 100%;
				height: 280px;
			}
			&Cont{
				box-sizing: border-box;
				padding: 5px 20px 20px;
				&Box{
					display: none;
					.hasSub, .noSub{
						display: inline-block;
						position: relative;
						top: 2px;
						width: 12px;
						height: 12px;
						cursor: pointer;
						background: url(../icons/close.png) no-repeat left center;
					}
					.noSub{
						width: 0;
						background: none;
					}
					.openStatus{
						background: url(../icons/open.png) no-repeat left center !important;
					}
					.item {
						padding: 3px 0;
					}
					.itemLabel{
						input{
							margin: -3px 2px 0 5px;
						}
					}
					.selectedInfo{
						color: #CCC;
					}
					// 子选项UL
					&Sub{
						display: none; // 默认不显示子项
						padding-left: 30px !important;
					}
				}
			}
			&Count{
				position: absolute;
				bottom: 0;
				width: auto;
				height: 20px;
				background: #67cfff;
				right: 20px;
				line-height: 20px;
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
				padding: 0 4px;
				text-align: center;
				color: #fff;
				display: none;
			}
		}
	}
	&Arrow{
		float: left;
		padding-left: 20px;
		height: 353px;
		line-height: 353px;
		width: 10%;
		text-align: center;

		i {
			border-width: 20px;
			border-left-color: #eaeaea;
		}
	}
	&Result{
		float: left;
		box-sizing: border-box;
		display: inline-block;
		width: 100%;
		.size;
		&Title{
			width: 100%;
			height: 35px;
			line-height: 35px;
			background:#eee;
			border-bottom: 1px solid #ddd;
			input{
				position: relative;
				top: 2px;
				left: -2px;
			}
			label{
				margin-right: 10px;
			}
		}
		&Con{
			position: relative;
			height: 351px;
			&Box{
				padding: 20px !important;
				.item{
					display: block;
					padding: 0 5px;
					height: 30px;
					line-height: 30px;
					background: #eaf4fd;
					margin-bottom: 6px;
				}
				.resultText{
					display: inline-block;
					width: 95%;
				}
				.remove{
					display: inline-block;
					font-size: 16px;
					cursor: pointer;
				}
			}
			&Count{
				position: absolute;
				bottom: 0;
				width: auto;
				height: 20px;
				background: #67cfff;
				right: 20px;
				line-height: 20px;
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
				padding: 0 4px;
				text-align: center;
				color: #fff;
				display: none;
			}
			&Logic{
				padding-left: 20px;
				.btn-active {
					background: #67cfff;
					color: #fff;
				}
			}
		}
	}
}